<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="/jstl/fn" prefix="fn"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1 user-scalable=0">
<link rel="stylesheet" href="<%=basePath%>/assets/css/public.css">
<link rel="stylesheet" href="<%=basePath%>assets/css/page.css">
<title>系统消息</title>
<script src="<%=basePath%>/assets/js/jquery-1.8.3.min.js"></script>
<script src="<%=basePath%>/assets/js/fontSize.js"></script>
<link rel="stylesheet" href="<%=basePath%>/assets/imgTools/helmet.css">
<link rel="stylesheet"
	href="<%=basePath%>assets/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="<%=basePath%>/assets/layer/mobile/need/layer.css"
	rel="stylesheet" type="text/css">
<style>
	.infoHeader{
		height: 0.6rem;
		line-height: 0.6rem;
		margin: 0 0.2rem;
		padding: 0 0.1rem;
	}
	.infoHeader h4{
		float: left;
		font-size: 0.24rem;
	}
	.infoBody{
		line-height: 0.4rem;
		padding: 0.1rem 0.2rem;
		min-height: 0.8rem;
	}

</style>
</head>
<body>
	<div class="header">
		<!-- 返回按钮 -->
		<a class=returnInfo href="#" onclick="returnDescend()"><i class="fa fa-angle-left"></i></a> 系统消息
	</div>
	<input type="hidden" value="<%=basePath%>" id="basePath">
	<div style="margin-top: 0.8rem;">
		<ul class="info">
			<c:forEach var="message" items="${listSystemMessage}">
				<li class="border-bottom-8">
					<div class="infoHeader border-bottom-1">
						<c:if test="${message.messageType eq 1}">
							<h4>系统消息</h4>
						</c:if>
						<c:if test="${message.messageType eq 2 || message.messageType eq 3}">
							<h4>来自于${message.userName}消息</h4>
						</c:if>
						<span class="float_r">${message.createDate}</span>
					</div>
					<div class="infoBody">
						${message.messageContent}
					</div>
				</li>
			</c:forEach>
		</ul>
	</div>
</body>
<script>
function returnDescend() {
	window.history.go(-1);
};
</script>
</html>